{% extends "base.html" %}

{% block title %}股票推荐系统 - 首页{% endblock %}

{% block content %}
<div class="main-container">
    <div class="header">
        <h1><i class="fas fa-chart-line"></i> 智能股票推荐系统</h1>
        <p>基于图模型的个性化股票推荐，为不同投资者提供专业建议</p>
    </div>
    
    <div class="row justify-content-center">
        <div class="col-md-6">
            <div class="card card-custom">
                <div class="card-body text-center p-5">
                    <h3 class="card-title mb-4">请选择您的投资类型</h3>
                    
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <div class="feature-card" onclick="window.location.href='/novice'">
                                <div class="feature-icon">
                                    <i class="fas fa-seedling"></i>
                                </div>
                                <div class="feature-title">新手投资者</div>
                                <div class="feature-desc">
                                    稳健投资策略<br>
                                    低风险、高流动性<br>
                                    行业分散配置
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <div class="feature-card" onclick="window.location.href='/expert'">
                                <div class="feature-icon">
                                    <i class="fas fa-chart-bar"></i>
                                </div>
                                <div class="feature-title">资深投资者</div>
                                <div class="feature-desc">
                                    专业投资工具<br>
                                    知股荐股、行业荐股<br>
                                    行业拓展分析
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="mt-4">
                        <p class="text-muted">
                            <i class="fas fa-info-circle"></i>
                            系统基于沪深300成分股数据，运用图模型算法为您提供个性化推荐
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="row mt-4">
        <div class="col-12">
            <div class="card card-custom">
                <div class="card-body">
                    <h5 class="card-title"><i class="fas fa-lightbulb"></i> 系统特色</h5>
                    <div class="row">
                        <div class="col-md-3 text-center mb-3">
                            <i class="fas fa-brain fa-2x text-primary mb-2"></i>
                            <h6>智能算法</h6>
                            <small class="text-muted">基于图模型的关联分析</small>
                        </div>
                        <div class="col-md-3 text-center mb-3">
                            <i class="fas fa-shield-alt fa-2x text-success mb-2"></i>
                            <h6>风险控制</h6>
                            <small class="text-muted">多维度风险评估</small>
                        </div>
                        <div class="col-md-3 text-center mb-3">
                            <i class="fas fa-users fa-2x text-warning mb-2"></i>
                            <h6>个性化</h6>
                            <small class="text-muted">针对不同投资风格</small>
                        </div>
                        <div class="col-md-3 text-center mb-3">
                            <i class="fas fa-database fa-2x text-info mb-2"></i>
                            <h6>数据驱动</h6>
                            <small class="text-muted">实时市场数据分析</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}
